﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="frmCozinha.aspx.cs" Inherits="WebMotel.frmCozinha" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

 <style type="text/css">
      
      .div_legendaFlutuante
      {
            margin: 0;
            display:block;
            position:fixed;
            width:140px;
            height:130px;
            bottom: 0px;
            right:0px;
            color:#A1A1A1;
            z-index:100;
            background-color:transparent;
            text-align:right;
            font-weight:normal;
            /*border:1px solid #a1a1a1;*/
      }
        .modal
        {
            width: 100%;
            height: auto;
            float:left;
            top: 0;
            margin: 0;
            left: 0;
            margin-top:0px;
            display: none;
            z-index: 999;
            background: rgba(0,0,0,0.5);
            -webkit-animation-duration: 1s;
            -webkit-animation-name: fade;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-direction: normal;
            visibility:inherit;  
        }
                
         .modal_inside
        {
            float:left;
            margin:10% 0px 0px 20%;            
            padding:0px 5px 5px 5px;
            
            
            width:60%;
            height:auto;
            
            background-color:#FFFFFF;
            -moz-border-radius:5px;
            webkit-border-radius:5px;
            border-radius: 5px;
            
            
            border:1px solid #CCCCCC;
            
            -moz-box-shadow:    0px 1px 3px 1px #1b1b1b;
            -webkit-box-shadow: 0px 1px 3px 1px #1b1b1b;
            box-shadow:         0px 1px 3px 1px #1b1b1b;
  
            <strong>behavior:url(border-radius.htc);</strong>
            
            
            
        }
        
        .modal a
        {
            display: block;
            vertical-align: middle;
            text-align: center;    
        }
        
        .modal img
        {
            padding: 5px 5px 45px 5px;
            background: #ffffff;
            -webkit-box-shadow: 0px 0px 15px #444;
            -moz-box-shadow: 0px 0px 15px #444;
            -webkit-animation-duration: 0.50s;
            -webkit-animation-name: grow;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-direction: normal;
            -webkit-animation-timing-function: ease-in;
        }
        
        .hfCampoConfirmacao
        {
            color:White;    
        }
        
        .modal:target
        {
            display: table;
            height:100%;
        }
        
        #div_modal_conteudo
        {
            margin-top:155px;
            background-color: White;
            height:200px;
            width:400px;
            border: 3px solid #660000;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -webkit-box-shadow:0px 5px 5px #555;
            -moz-box-shadow:0px 5px 5px #555;
        }
        
        #botao_fechar_modal
        {
            text-align:center;
        }
    </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">



          
<div runat="server" id="divMensagem" class="mensagem">
        <p runat="server" id="pMensagem"></p>
</div>





  <!-- FORM ALTERA STATUS -->

    <div id="div_PedidoStatus" class="modal FadeinModal">
        <div class="fadeIn">
            <div class="modal_inside">
                <h3 class="header smaller lighter blue">
                    <div class="btn btn-info btn-mini">
                        <i class="fa fa-sign-in bigger-150 icon-only"></i>
                    </div>
                        Alterar Status do Pedido
                         
                        <i class="icon-double-angle-right"></i> <asp:Label ID="lblStatusPedido_PedidoDescricao" runat="server" Text=""></asp:Label>
                        - <asp:Label ID="lblStatusPedido_PedidoID" runat="server" Text=""></asp:Label>
                         
                </h3>
                    
                <div style="float:left; width:100%; height:auto; margin:0px 0px 0px 0px;">
                    <div style="float:left; height:auto; margin-right:10px;">
                        <label for="id-date-picker-1">Alterar Status Para:</label>
                        <asp:DropDownList ID="ddlStatusPedido_Status" runat="server"></asp:DropDownList>
                    </div>
                </div>

                     
                <div style="float:left; width:100%; height:auto; margin:0px 0px 10px 0px;">
                    <div style="float:left; height:auto; margin-right:10px;">
                        <a href="#" class="btn btn-prev" >
                            <i class="icon-arrow-left"></i>
                            Voltar
                        </a>                          
                    </div>

                    <div style="float:left; height:auto; margin-right:10px;">
                        <asp:LinkButton class="btn btn-info" runat="server" ID="btnAlterarStatus_Salvar" OnClick="btnAlterarStatus_Salvar_OnClick">
                            <i class="icon-save bigger-110"></i>
                            Salvar
                        </asp:LinkButton>                            
                    </div>
                </div>

                <hr />

            </div>
        </div>
    </div>

    <!-- FIM FORM ALTERA STATUS -->

    <div id="page-content" class="clearfix">
        <div class="page-header position-relative">
            <h1>
                Cozinha
                <small>
                <i class="icon-double-angle-right"></i>
                    Utilize esta página para visualizar a lista dos pedidos pendentes para serem preparados pela cozinha.
                </small>
            </h1>
        </div>
        
        <div class="tabbable">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active" id="li_pesquisar">
                    <a href="#div_pesquisar" data-toggle="tab">
                    <i class="green icon-search bigger-110"></i>
                        Pesquisar
                    </a>
                </li>
            </ul>

    <div class="tab-content">

    <div id="div_pesquisar" class="tab-pane active" >           

        <div class="row-fluid">
            
            <h3 class="header smaller lighter grey">
            <i class="icon-glass green"></i>
                Listagem dos Pedidos Na Cozinha
            </h3>

        </div>


        <br clear="all" />
        <div class="row-fluid">
                <div class="table-header"> Resultado(s) para "Pedidos da Cozinha" </div>
            
                <asp:GridView ID="gvListagem" runat="server" CssClass="table table-striped table-bordered table-hover dataTable"
                    AutoGenerateColumns="false" aria-describedby="table_report_info"
                    AlternatingRowStyle-CssClass="odd" >
                    <Columns>
                        <asp:TemplateField HeaderText="ID">
                            <ItemTemplate>
                                <asp:Label ID="lblID" runat="server" Text='<%# Eval("ID") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Descrição">
                            <ItemTemplate>
                                <asp:Label ID="lblDescricao" runat="server" Text='<%# Eval("Descricao") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <HeaderStyle BackColor="#DDDDDD" Font-Bold="True" ForeColor="#555555" HorizontalAlign="Left" />
                </asp:GridView>
            

                <div id="table_report_wrapper" class="dataTables_wrapper" role="grid">
                    <asp:Repeater ID="rptListagem" runat="server">
                        <HeaderTemplate>
                             <table class="table table-striped table-bordered table-hover dataTable" id="table_report" aria-describedby="table_report_info">
								<thead>
									<tr role="row">
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 7%;" aria-label="Domain: activate to sort column ascending">
                                            ID
                                        </th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 13%;" aria-label="Domain: activate to sort column ascending">
                                           Hora Pedido
                                        </th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 7%;" aria-label="Domain: activate to sort column ascending">
                                            QTD.
                                        </th>
                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 35%;" aria-label="Status: activate to sort column ascending">
                                            Descrição
                                        </th>
                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 38%;" aria-label="Status: activate to sort column ascending">
                                            Observações
                                        </th>
                                        <th></th>
                                    </tr>
                               	</thead>								
							<tbody role="alert" aria-live="polite" aria-relevant="all">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr class='<%# Container.ItemIndex % 2 == 0 ? "odd" : "even" %>'>
							    <td class="">
								    <%# Eval("ID") %>
							    </td>
                                <td class="">
								    <%# Eval("hr") %>
							    </td>
                                <td class="">
								    <%# Eval("Qtd") %>
							    </td>
                                <td class="">
								    <%# Eval("Descricao") %>
							    </td>
                                <td class="">
								    <%# Eval("obs") %>
							    </td>
                                <td class="td-actions ">
                                    <div class="hidden-phone visible-desktop btn-group">
                                        <asp:LinkButton class='<%# Eval("cor") %>' runat="server" ID="btnCarregaForm" ToolTip='<%# Eval("status") + " : " + Eval("Descricao") %>' CommandArgument='<%# Eval("ID") %>' PostBackUrl="#div_PedidoStatus" OnClick="btnIcon_AlterarStatus_OnClick" >
                                            <i class="fa fa-fire bigger-120"></i>
                                        </asp:LinkButton>
                                    </div>
                                </td>
                            </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                                </tbody>
                            </table>

                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="dataTables_paginate paging_bootstrap pagination">
                                        <ul>
                                            <li class="prev">
                                              <asp:LinkButton ID="lnkAnterior" runat="server" OnClick="lnkAnterior_Click">
                                                    <i class="icon-double-angle-left"></i>
                                                </a>
                                            </asp:LinkButton>
                                             <li class="next">
                                                <asp:LinkButton ID="lnkProximo" runat="server" OnClick="lnkProximo_Click">
                                                    <i class="icon-double-angle-right"></i>
                                                </asp:LinkButton>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </FooterTemplate>
                    </asp:Repeater>
                </div>
        </div>

    </div>

    </div>
    </div>
    </div>
</asp:Content>
